<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <img src="http://p1.music.126.net/bN0HACeTqc8fdX2lHFgg1g==/109951165322725427.jpg?imageView&quality=89" alt=""
        id='banner'>

    <script>
        let imgs = [
            'http://p1.music.126.net/f9iDsREE1Q7MTadOAPNZgw==/109951165323528110.jpg?imageView&quality=89',
            'http://p1.music.126.net/Io5ltq3c4u_taOgpmD18Yw==/109951165322805815.jpg?imageView&quality=89',
            'http://p1.music.126.net/p0p9Z0torsSii4NVyoQ_zQ==/109951165322808026.jpg?imageView&quality=89',
        ]
        let banner = document.querySelector('#banner')
        let i = 0
        setInterval(() => {
            i++
            if (i === 3) i = 0
            banner.src = imgs[i]
        }, 1000);
    </script>
</body>

</html>